<template>
  <div>
    <MyHeader :background="'green'" :color="'blue'" title="TabBar案列"></MyHeader>
    <div>
        <components :is="comName"></components>
    </div>
    <MyTabBar :arr="tabList"></MyTabBar>
  </div>
</template>

<script>
import MyHeader from "./components/myhead.vue"
import MyTabBar from "./components/MyTabBar.vue"
import MyTable from "./components/MyTable.vue"
import MyGoodsList from "./views/MyGoodsList.vue"
import MyGoodsSearch from './views/MyGoodsSearch.vue'
import MyUserInfo from "./views/MyUserInfo.vue"
export default {
  components:{
    MyHeader,
    MyTabBar,
    MyTable,
    MyGoodsList,
    MyGoodsSearch,
    MyUserInfo,
  },
  data(){
    return{
      comName:'MyGoodsList',
      tabList: [
    {
        iconText: "icon-shangpinliebiao",
        text: "商品列表",
        componentName: "MyGoodsList"
    },
    {
        iconText: "icon-sousuo",
        text: "商品搜索",
        componentName: "MyGoodsSearch"
    },
    {
        iconText: "icon-user",
        text: "我的信息",
        componentName: "MyUserInfo"
    }
]
    }
  }
}
</script>

<style>

</style>